<template>
    <div @click="increment">
        {{ counter }}
    </div>
</template>

<script setup>
import { ref } from 'vue'
const counter = ref(1)
const increment = () => {
    counter.value++
}
// export default {
// 混合，编组
// setup() {
//     const counter = ref(1)
//     const increment = () => {
//         counter.value++
//     }
//     return { counter, increment }
// }
// data() {
//     return {
//         counter: 1
//     }
// },
// methods: {
//     increment() {
//         this.counter++
//     }
// }
// }
</script>

<style></style>
